import React from 'react'
import { useLocation, history } from 'umi'
import { Button } from "antd"
export default function index() {
    const { query: { record: { activityName, activityStatus, creator, timeDate, gmtCreated, key } } }: any = useLocation()
    return (
        <div>
            <div style={{ display: "flex", justifyContent: "space-between" }}>
                <div>
                    <p>活动名称：<span style={{ color: '#ccc' }}>{activityName}</span></p>
                    <p>活动地点：<span style={{ color: '#ccc' }}>{key}</span></p>
                    <p>活动时间：<span style={{ color: '#ccc' }}>{timeDate}</span></p>
                    <p>活动内容：<span style={{ color: '#ccc' }}>{creator}</span></p>
                    <p>日程安排：<span style={{ color: '#ccc' }}>{gmtCreated}</span></p>
                    <Button style={{ marginLeft: "80px" }} type='primary' onClick={() => { history.push("/createActivity") }}>返回</Button>
                </div>
                <div style={{ color: "green" }}>
                    {activityStatus}
                </div>
            </div>
        </div>
    )
}
